<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
	#mainNav > li {
	font-weight: bold;
}

#mainNav a{
	color: blue;
}

#mainNav a:hover {
	color: yellow;
}

.date {
	color: red;
}

.author {
	text-decoration: underline;
}


#myBoxParent {
	position: relative;
	left: 10px;
	top: 10px;
}

#myBox {
	position: absolute;
	left: 10px;
	top: 10px;
}

.floatLeft{
	float:left; 
}

.floatRight {
	float: right
}

abbr[title] {border-bottom: 1px dotted #999;}
abbr[title]:hover {cursor: help;}
abbr[title="ok"] {border-bottom: 1px dotted #FF0000;}

</style>
</head>
<body>
<ul id="mainNav">
	<li><a href="http://imtx.cn">Home</a></li>
	<li>About Us</li>
	<ul>
	<li>Contact</li>
	</ul>
</ul>
<h2>Where's Durstan?</h2>
<p>Published on <span class="date">March 22nd, 2005</span>
by <span class="author">Andy Budd</span></p>
<abbr title="Cascading Style Sheets">CSS</abbr> <abbr>NO CSS</abbr> <abbr title="ok">With OK</abbr>

<div>
	<p>Nothing</p>
	Hello world
	<p> It's in P</p>
</div>
<div id="myBoxParent">
<div id="myBox">
	Hey girl!
</div>
</div>

<div class="floatLeft">
	Another block
</div>

<div class="floatRight">
	I'm float
</div>

<div class="floatRight">
	I'm float too
</div>

</body>
</html>
